<template>
    <div>
        <div class="swiper-container plan-swiper">
            <div>
                <h4>my plan</h4>
                <h6>——我不是在旅行，就是在旅行的路上</h6>
            </div>
            <div class="cell_dashed"></div>
            <swiper ref="mySwiper" :options="options" style="width: 100%;">
                <!--eslint-disable-next-line-->
                <swiper-slide class="slide">
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                    <div>你属猪1</div>
                </swiper-slide>
                <swiper-slide class="slide">
                    <div>你属猪2</div>
                </swiper-slide>
                <swiper-slide class="slide">
                    <div>你属猪3</div>
                </swiper-slide>
                <div class="swiper-pagination" slot="pagination" style="z-index: 5;"></div>
            </swiper>
        </div>
    </div>
</template>

<script>
    export default {
        data () {
            return{
                options: {
                    pagination: {
                        el: '.swiper-pagination',
                        clickable :true,
                    },
                },
            }  
        },
        mounted: function(){
            console.log(localStorage.getItem('userstatus')) // 如果登录了，这里就会获取到ok，否则会是null
            if (JSON.parse(localStorage.getItem('userstatus')) != 'login'){
                this.$router.push({path:'/no_login/'})
            }
        },
        computed: {
          swiper() {
            return this.$refs.mySwiper.$swiper
          },
        },
    }
</script>

<style>
@import "../../assets/themes/css/go-css.css";
.slide{
    margin-bottom: 23px;
}
/* 分割线 */
.cell_dashed{
    border-bottom:1px dashed #999999;
    height: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}


</style>
